import { login, getInfo, getMoreInfo } from '@/api/user'
import { getToken, removeToken, setToken } from '@/utils/auth'

const state = {
  token: getToken() || null,
  userInfo: null
}

const mutations = {
  // 设置token
  setToken(state, payload) {
    state.token = payload.token
  },
  // 设置用户信息,传进来的payload就是一个对象
  setInfo(state, payload) {
    state.userInfo = payload
  }
}

const actions = {
  // 请求用户登录接口
  async loginAction(context, payload) {
    const token = await login(payload)
    // console.log(token)
    // 存到本地
    setToken(token)
    // 把token缓存到vuex里
    context.commit('setToken', { token })
  },

  // 请求用户信息
  async getInfoAction(context) {
    const res = await getInfo()
    // console.log(res)
    const res1 = await getMoreInfo(res.userId)
    // console.log(res1)
    context.commit('setInfo', { ...res, ...res1 })
  },

  // 退出登录
  async logout(context) {
    // 清除本地token
    removeToken()
    // 删除vuex里的token
    context.commit('setToken', { token: null })
    // 删除vuex里的token
    context.commit('setInfo', null)
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
